<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href="__PUBLIC__/static/home/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!-- <link href='http://fonts.useso.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'> -->
<link href="__PUBLIC__/static/home/css/style.css" rel='stylesheet' type='text/css' />	
<script src="__PUBLIC__/static/home/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/static/home/js/bootstrap.min.js"></script>

<style type="text/css">
@font-face{
  font-family: 'miaomi';

  src:url( 'fonts/miaomi.ttf') format('truetype');
}
body{
	font-family: 'miaomi';
}
h2,h4{
	font-family: 'miaomi';
}
body {
  background: #e5e5e5;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}
</style>


<script src="__PUBLIC__/static/home/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/static/home/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/static/home/js/responsiveslides.min.js"></script>
<!-- animation-effect -->
<link href="__PUBLIC__/static/home/css/animate.min.css" rel="stylesheet"> 
<script src="__PUBLIC__/static/home/js/wow.min.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script>
 new WOW().init();
</script>
<!-- //animation-effect -->
<style type="text/css">
	@font-face{
  font-family: 'miaomi';

  src:url( 'fonts/miaomi.ttf') format('truetype');
}

.login li a {
    
    display: block;
    height: 22px; 
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
}

.miaomi{
	font-family: 'miaomi';
}
body{
	font-family: 'miaomi';
	font-weight: bold;
}
ul.real-widget li a {
    font-size: 15px;
    color: #000;
}

.login li{
	float: left;
	list-style: none;
	margin-top: 10px;
	margin-left: 10px;
}

.login li a:hover{
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
}

#link-effect-7 a{
    font-family: 'miaomi';
    font-size: 18px;
}

h2,h4{
	font-family: 'miaomi';
}

.key a {
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    padding: 0.6em 2em;
    background: #fa4b2a;
}
.key a:hover{
	background:#fff;
	color: #fa4b2a;
	border: 1px solid #fa4b2a;

}


.key{
	float: right;
	margin-top: -25px;
	

}
</style>

<link rel="stylesheet" href="__PUBLIC__/static/login/css/common.css"/>

<script type="text/javascript" src="__PUBLIC__/static/login/js/jquery.min.js"></script>
<script type="text/javascript">
var w,h,className;
function getSrceenWH(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg').width(w).height(h);
}

window.onresize = function(){  
	getSrceenWH();
}  
$(window).resize();  

$(function(){
	getSrceenWH();
	
	//ÏÔÊ¾µ¯¿ò
	$('.box a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg').fadeIn(300);
		$('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();
	});
	
	//¹Ø±Õµ¯´°
	$('.claseDialogBtn').click(function(){
		$('#dialogBg').fadeOut(300,function(){
			$('#dialog').addClass('bounceOutUp').fadeOut();
		});
	});
});


var w1,h1,className1;
function getSrceenWH1(){
	w = $(window).width();
	h = $(window).height();
	$('#dialogBg1').width(w1).height(h1);
}

window.onresize = function(){  
	getSrceenWH1();
}  
$(window).resize();  

$(function(){
	getSrceenWH1();
	
	//ÏÔÊ¾µ¯¿ò
	$('.box1 a').click(function(){
		className = $(this).attr('class');
		$('#dialogBg1').fadeIn(300);
		$('#dialog1').removeAttr('class').addClass('animated1 '+className+'').fadeIn();
	});
	
	//¹Ø±Õµ¯´°
	$('.claseDialogBtn1').click(function(){
		$('#dialogBg1').fadeOut(300,function(){
			$('#dialog1').addClass('bounceOutUp1').fadeOut();
		});
	});
});
</script>